<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=GBK" />
	<title>CRM</title>
	<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection"/>
	<!--[if IE]>
	  <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection">
	<![endif]-->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection"/>
	<link rel="stylesheet" href="css/bootstrap.css" />
	<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
	<div id="header">
		<div class="centerwapper">
			<img src="images/logo.png" alt="凯盛CRM系统"/>
			<div class="userinfo">
				<a href="#">樊凯</a>
				<a href="#">搜索</a>
				<a href="#">账号设置</a>
				<a href="#">安全退出</a>
			</div>
		</div>
	</div>
	<div class="main">
		<div id="innerwapper">
			<div id="nav">
				<ul>
					<li class="activity">
						<a href="">最新动态</a>
					</li>
					<li class="contacts-select">
						<a href="">联系人<span>[12个联系人]</span></a>
					</li>
					<li class="task">
						<a href="">日程安排<span>[今天有10个任务]</span></a>
					</li>
					<li class="deals">
						<a href="">业务机会<span>[当前没有业务]</span></a>
					</li>
					<li class="search">
						<a href="">搜索</a>
					</li>
				</ul>
				<hr/>
				<h4>最近操作</h4>
				<div class="lastaction">
					<div class="action">
						<a href="#">
							<span class="contacts"></span>

							<span class="title">樊凯</span>
							<span class="msg">焦作凯盛信息技术有限公司</span>

						</a>
					</div>
					<div class="action">
						<a href="#">
							<span class="deals"></span>
							<span class="title">购买CRM</span>
							<span class="msg">12万/乔布斯</span>
						</a>
					</div>
				</div>
			</div>
			<div id="pager">
				<!--
					当没有边栏(pageside)的时候，使用pageall样式
				-->
				<div class="pagebody">
					<div class="pagerhader">
						显示
						<select>
							<optgroup label="所有...">
								<option selected="selected">所有的联系人</option>
								<option>所有的个人</option>
								<option>所有的公司</option>
								<option>我创建的联系人</option>
							</optgroup>
							<optgroup label="最近...">
								<option>最近添加的联系人</option>
							</optgroup>
						</select>
					</div>
					<div class="pagecontent">
						<table>
							<tr>
								<td width="20px">
									<input type="checkbox"/>
								</td>
								<td width="30px">
									<span class="manpic"></span>
								</td>
								<td width="50%">
									乔布斯CEO<br/>
									010-88998899
								</td>
								<td>
									美国苹果公司
								</td>
							</tr>
							<tr>
								<td width="20px">
									<input type="checkbox"/>
								</td>
								<td width="30px">
									<span class="company"></span>
								</td>
								<td width="50%">
									美国苹果公司
								</td>
								<td>
									
								</td>
							</tr>
							<tr>
								<td width="20px">
									<input type="checkbox"/>
								</td>
								<td width="30px">
									<span class="manpic"></span>
								</td>
								<td width="50%">
									乔布斯CEO<br/>
									010-88998899
								</td>
								<td>
									美国苹果公司
								</td>
							</tr>
							<tr>
								<td width="20px">
									<input type="checkbox"/>
								</td>
								<td width="30px">
									<span class="company"></span>
								</td>
								<td width="50%">
									美国苹果公司
								</td>
								<td>
									
								</td>
							</tr>
							<tr>
								<td width="20px">
									<input type="checkbox"/>
								</td>
								<td width="30px">
									<span class="manpic"></span>
								</td>
								<td width="50%">
									乔布斯CEO<br/>
									010-88998899
								</td>
								<td>
									美国苹果公司
								</td>
							</tr>
							<tr>
								<td width="20px">
									<input type="checkbox"/>
								</td>
								<td width="30px">
									<span class="company"></span>
								</td>
								<td width="50%">
									美国苹果公司
								</td>
								<td>
									
								</td>
							</tr>
						</table>
					</div>
				</div>
				<div class="pageside">
					
					<div class="button">
						<a href="#">
							<span>添加新联系人</span>
						</a>
						<div class="clear"></div>
					</div>
					
					<div class="button">
						<a href="#">
							<span>添加新公司</span>
						</a>
						<div class="clear"></div>
					</div>
					<div class="links">
						<a href="#">从CVS文件导入联系人</a>
						<a href="#">把联系人导出到CVS</a>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<div id="fotter">
		<a href="http://www.kaishengit.com">@焦作凯盛信息技术有限公司</a>
	</div>
</body>
</html>